﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>index.html</title>
    <style type="text/css">
        #mainbody
        {
            width: 620px;
            font-family: Verdana;
            font-size: 12px;
        }
        #mainhead
        {
            background-color: #F5F5F5;
            border-style: solid solid solid solid;
            border-width: 1px;
            border-color: #CCCCCC;
            height: 20px;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-right: 5px;
            padding-left: 5px;
            margin-bottom: 5px;
        }
        #mainmap
        {
            height: 360px;
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 2px 2px 2px 2px;
        }
        #mainlist
        {
            height: 200px;
            margin-bottom: 5px;
        }
        #listhead
        {
            border-top-color: #3B5998;
            border-top-style: solid;
            border-top-width: 1px;
            background-color: #D8DFEA;
            height: 15px;
            padding-top: 2px;
            padding-bottom: 2px;
        }
        #listcontainer
        {
            height: 180px;
        }
        #containerleft
        {
            width: 204px;
            height: 164px;
            padding: 8px;
            float: left
        }
        #containerright
        {
            width: 383px;
            height: 164px;
            padding: 8px;
            border-left-color: #CCCCCC;
            border-left-width: 1px;
            border-left-style: solid;
            float: right;
        }
        #mainfoot
        {
            border-top-color: #CCCCCC;
            border-top-width: 1px;
            border-top-style: solid;
            padding-top: 3px;
            margin-top: 3px;
        }
    </style>
    <script src="http://api.mapabc.com/fmp/v1.0/js/fmp.js?key=d1ea565d65e2c62189c68dc31b216eb337a443b187efc933f93946ad0d85188bdc2eea5511dba634" type="text/javascript"></script>
    <script src="http://api.mapabc.com/api/v1.0/js/ajaxsis.js?key=d1ea565d65e2c62189c68dc31b216eb337a443b187efc933f93946ad0d85188bdc2eea5511dba634" type="text/javascript"></script>
    <script src="http://www.mapabc.com/html/js/ajax/prototype.js" type="text/javaScript" language="JavaScript"></script>

</head>
<body>

    <div id="mainbody">
        <div id="mainhead">
            <span style="color: #3B5888; margin-left: 15px; margin-right: 5px;"><strong>查看好友：</strong></span>
            <input type="text" id="fname" name="fname" value="" size="30" />
            <input style="background: transparent url(static_dir/search.gif) no-repeat scroll 0 0; border-width:0px;" type="button" />
        </div>
        <div id="mainmap">

            <div id="mapObj" style="height: 355px; border-style: solid solid solid solid; border-color: #CCCCCC; border-width: 1px;"></div>
            <SCRIPT LANGUAGE="JavaScript">
                //////////flash引擎///////////////
                var city_center_index="fjtekqrposNKGE,hrlphplnJOOE"; // TBD 关于地图中心，应该是以用户所在城市为核心
                //创建地图对象
                var mapOptions = new MMapOptions();
                mapOptions.mapId = "fmptest";
                mapOptions.zoomLevel = 10; // TBD，zoomlevel可能需要调整
                mapOptions.center = new MLatLng(city_center_index);
                //创建地图对象
                var mapObj = new MMap("mapObj", mapOptions);
                function mapInited(event){
                    mapObj.showNavigator(true); // TBD，需要决定，是否show navigator
                    mapObj.setCompassScale(50);
                }
                mapObj.addEventListener(MMap.EVENT_MAP_INITIALIZED, mapInited);
                //////////flash引擎 end////////////
            </SCRIPT>
        </div>
        <div id="mainlist">
            <div id="listhead">
                <span style="color: #3B5888; margin-left: 15px; margin-right: 5px;"><strong>Detail：</strong></span>
            </div>
            <div id="listcontainer">

                <div id="containerleft">
                    <span><strong>全聚德烤鸭（前门店）</strong></span> <br />
                    <span style="color: #CCCCCC">类型：餐饮</span> <br />
                    电话：010-68784543 <br />
                    地址：朝阳区曙光里190号，朝阳区曙190号朝阳区曙光里190号朝<br />
                </div>

                <div id="containerright">
                    <span style="color: #3B5888;"><strong>人均消费：</strong></span>&nbsp;120<br />
                    <span style="color: #3B5888;"><strong>服务态度：</strong></span>&nbsp; 5<br />
                    <span style="color: #3B5888;"><strong>用户评论：</strong></span>&nbsp; <br />快乐的日子总是那么短暂,明天偶就将踏上回家的路程.哈尔滨的最后一餐,哥哥请我吃顿好的.因为下一次不晓得什么时候再来哈尔滨了.冬天看过雪,夏天看过江,好像都玩遍了,唯有那731还是没有机会去.此店位于哈市的中轴线上,中山路,边上有沃尔玛与俄罗斯舞台.门口挂着四个幅,四个是最多的,表示饭店好.入座,晚上七点,上座率还是蛮高的,墙上的牌子表示此店得过无数奖项.<br />
                    <span style="color: #CCCCCC;">Posted By: 唐际宇 At: 08/05/2008 13:58</span>

                </div>
            </div>
        </div>
        <div id="mainfoot" style="font-family: Verdana; font-size: 12px;">
            <div style="float: left; width: 490px; padding-top: 12px; padding-right: 3px; text-align: right;/*margin-left: 290px; margin-top: 15px; float: left*/">
                <span style="font-family: Verdana; font-size: 10px; color: #CCCCCC">powered py</span>
                <span style="font-family: Verdana; font-size: 16px;"><a href="http://mapabc.com/" target="_blank"><strong>MapABC.com</strong></a></span>
                <span style=" font-family: Times New Roman; font-size: 10px">&</span>

            </div>
            <div style="float: right;/*position: relative; top: 3px; right: 5px; margin-left: 495px*/">
                <a href="http://code.google.com/appengine" target="_blank"><img src="static_dir/appengine-silver-120x30.gif" border="0" /></a>
            </div>
        </div>
    </div>

</body>
</html>
